<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./style.css">
    <link rel="stylesheet" href="./print.css" media="print">
    <script src="https://at.alicdn.com/t/font_1098171_x0zlixld0so.js"></script>
    <style type="text/css">
        .icon {
            width: 1em;
            height: 1em;
            vertical-align: -0.15em;
            fill: currentColor;
            overflow: hidden;
        }
    </style>
    <title>我的个人简历</title>
</head>

<body>
    <div class="wrap" id="page">
        <header>
            <h1>李亚娟</h1>
            <p>应聘 初级前端工程师</p>
        </header>
        <aside>
            <div class="avatar">
                <img src="./avatar.jpg" />
            </div>
            <section>
                <h2>基本信息</h2>
                <div class="detail personal">
                    <div class="item">
                        <span>专业</span>
                        <span>微电子</span>
                    </div>
                    <div class="item">
                        <span>学历</span>
                        <span>本科</span>
                    </div>
                    <div class="item">
                        <span>英语证书</span>
                        <span>CET-4</span>
                    </div>
                    <div class="item">
                        <span>工作经验</span>
                        <span>4年</span>
                    </div>
                    <div class="item">
                        <span>意向薪资</span>
                        <span>5k-7k</span>
                    </div>
                </div>
            </section>
            <section>
                <h2>专业技能</h2>
                <div class="detail skills">
                    <div class="item">
                        <span class="keyword">HTML5/CSS3</span>
                        <span class="rule"><i style="width: 60%"></i></span>
                    </div>
                    <div class="item">
                        <span class="keyword">Less/Sass/Stylus</span>
                        <span class="rule"><i style="width: 80%"></i></span>
                    </div>
                    <div class="item">
                        <span class="keyword">Bootstrap</span>
                        <span class="rule"><i style="width: 60%"></i></span>
                    </div>
                    <div class="item">
                        <span class="keyword">Element</span>
                        <span class="rule"><i style="width: 40%"></i></span>
                    </div>
                    <div class="item">
                        <span class="keyword">jQuery</span>
                        <span class="rule"><i style="width: 70%"></i></span>
                    </div>
                    <div class="item">
                        <span class="keyword">Vue</span>
                        <span class="rule"><i style="width: 60%"></i></span>
                    </div>
                    <div class="item">
                        <span class="keyword">Webpack</span>
                        <span class="rule"><i style="width: 40%"></i></span>
                    </div>
                    <div class="item">
                        <span class="keyword">微信小程序</span>
                        <span class="rule"><i style="width: 40%"></i></span>
                    </div>
                    <div class="item">
                        <span class="keyword">Git</span>
                        <span class="rule"><i style="width: 50%"></i></span>
                    </div>
                    <div class="item">
                        <span class="keyword">MySQL</span>
                        <span class="rule"><i style="width: 30%"></i></span>
                    </div>
                </div>
            </section>

            <section>
                <h2>联系方式</h2>
                <div class="detail contact">
                    <div class="item">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-phone"></use>
                        </svg>
                        <span>17301769544</span>
                    </div>
                    <div class="item">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-email"></use>
                        </svg>
                        <span>1021803856@qq.com</span>
                    </div>
                    <div class="item">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-weixin"></use>
                        </svg>
                        <span>liyajuaner</span>
                    </div>
                    <div class="item">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-city"></use>
                        </svg>
                        <span>上海</span>
                    </div>
                    <div class="item">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-iconsf-copy"></use>
                        </svg>
                        <span><a href="https://segmentfault.com/u/secret_5c36b9a05f6e8">博客</a></span>
                    </div>
            </section>
            <section class="resume">
                <h2 class="line"><a href="http://liyajuaner.gitee.io/resume/resume.html">在线简历查看</a></h2>
                <h2 class="pdf"><a href="./resume.pdf" download>PDF简历下载</a></h2>
            </section>
        </aside>
        <main>
            <section>
                <h2>基本技能</h2>
                <div class="item">
                    <ul>
                        <li>理解HTML语义化思想，熟悉<span class="highlight">HTML5</span>，<span class="highlight">CSS3</span>的新特性，能够合理运用布局高度还原设计稿。</li>
                        <li>了解<span class="highlight"> Vue </span>的原理。熟悉常见的指令和属性；对<span class="highlight"> Vuex </span>,
                            <span class="highlight"> Vue Router </span>和<span class="highlight"> Axios </span>有一定的了解和使用；
                            熟悉组件的编写以及组件间的通信方式；能够根据vue全家桶独立开发前后端分离的项目。
                        </li>
                        <li>能够使用<span class="highlight"> Bootstrap</span>，<span class="highlight">Element</span>等样式框架合理开发页面。</li>
                        <li>理解<span class="highlight"> AJAX</span>的原理及其交互过程，了解常见的跨域解决方案。</li>
                        <li>对<span class="highlight"> 微信小程序基本语法 </span>有一定了解，使用过常用的组件和API。</li>
                        <li>
                            了解<span class="highlight"> Webpack </span>自动化构建工具；熟悉<span class="highlight"> less</span>，<span class="highlight">sass</span>，<span
                                class="highlight"> stylus </span>等常用的预编译语言。
                        </li>
                        <li>了解<span class="highlight"> Charles </span>，<span class="highlight">Fiddler</span>等HTTP代理服务器，可以利用其做数据抓包以及跨域问题处理。</li>
                        <!-- <li>了解<span class="highlight"> Linux </span>，<span class="highlight">Nginx </span>以及<span class="highlight"> FTP </span>相关知识，能够独立搭建环境和FTP服务并部署上线个人项目</li> -->
                        <li>
                            熟悉常见的<span class="highlight"> git </span>命令，能够熟练使用<span class="highlight"> github </span>，<span class="highlight">码云</span>等团队协作开发工具进行开发。
                        </li>
                        <li>了解<span class="highlight"> Node.js </span>，<span class="highlight">NPM</span>，<span class="highlight">HTTP </span>相关的基础知识。</li>
                        <li>了解<span class="highlight"> MySQL </span>，掌握数据库增删改查的基本操作。</li>
                    </ul>
                </div>
            </section>
            <section>
                <h2>教育经历</h2>
                <div class="item">
                    <p>西安科技大学高新学院&nbsp;&nbsp; | &nbsp;&nbsp;微电子专业&nbsp;&nbsp; | &nbsp;&nbsp;全日制本科</p>
                </div>
            </section>
            <section>
                <h2>工作经历</h2>
                <div class="item">
                    <dl>
                        <dt>
                            <h4>2019.3-2019.8&nbsp;&nbsp;&nbsp;&nbsp;上海英多信息有限公司&nbsp;&nbsp;&nbsp;&nbsp;ERP实施工程师</h4>
                        </dt>
                        <dd>
                            帮助客户上线ERP系统。主要负责前期数据的整理，业务流程梳理，客户关键用户的软件技能和业务培训以及项目实施过程中的各种异常问题处理
                        </dd>
                    </dl>
                    <dl>
                        <dt>
                            <h4>2015.7-2019.3&nbsp;&nbsp;&nbsp;&nbsp;温州长江汽车电子有限公司&nbsp;&nbsp;&nbsp;&nbsp;ERP专员</h4>
                        </dt>
                        <dd>
                            主要负责ERP软件相关文档标准化，软件操作指导，软件技能培训工作以及处理各部门在使用软件时业务上出现的异常问题。  
                        </dd>
                    </dl>
                </div>
            </section>
            <section>
                <h2>项目经历</h2>
                <div class="item">
                    <h3>爱音乐</h3>
                    <ul>
                        <li>
                            <strong>项目介绍：</strong>
                            本项目是一款移动端的在线听歌音乐APP。该项目使用前后端分离的方式，前端选用Vue.js+Vuex+Vue
                            Router+Axios+Less，后端借助网易云音乐接口NeteaseCloudMusicApi进行开发。
                            主要功能包括：歌曲的播放，暂停，上/下一曲，歌曲收藏，歌词滚动，播放模式切换，历史播放记录，进度条以及歌曲搜索等功能。
                            项目主要分为Home主页，详情页，播放器和个人中心四个部分。
                        </li>
                        <li>
                            <strong>技术栈：</strong> <span class="highlight">Vue.js、Vuex、Vue
                                Router、Axios、Vue-cli、Less、Webpack、Git</span>
                        </li>
                        <li>
                            <strong>技术要点：</strong><br>
                            1. api服务的搭建与代理设置<br>
                            2. 使用flexible方案解决移动端适配问题<br>
                            3. 使用axios调用接口发送ajax请求获取数据<br>
                            4. 使用Vuex实现数据共享。如歌曲播放<br>
                            5. 实现歌曲播放，暂停，上/下一曲，播放模式切换，歌词滚动，历史播放记录，歌曲收藏，进度条以及歌曲搜索等功能<br>
                            6. 使用mixin提取公共部分单独封装按需加载<br>
                            7. 页面性能优化。子路由的配置，keep-alive的使用<br>
                        </li>
                        <!-- <li><strong>项目效果预览：</strong><a href="http://liyajuaner.gitee.io/licaibao">点击查看</a></li> -->
                    </ul>
                </div>
                <div class="item">
                    <h3>M-mall电商购物平台</h3>
                    <ul>
                        <li>
                            <strong>项目介绍：</strong>
                            该项目采用前后端分离的方式，选用jQuery+CSS的框架，
                            结合CommonJS+Webpack的模块化方案构建了一个用于商品选购的综合性电商购物平台。
                            该平台主要包括商品，购物车，用户，支付和订单五个模块。
                        </li>
                        <li>
                            <strong>技术栈：</strong><span class="highlight">HTML5、CSS3、jQuery、Webpack</span>
                        </li>
                        <li>
                            <strong>技术要点：</strong><br>
                            1. 配置Webpack从0开始进行项目环境搭建<br>
                            2. 网络调试工具，抓包代理工具Charse,版本控制工具git的使用<br>
                            3. 通用功能以及通用布局的封装，比如网络数据请求，统一跳转回主页，字段验证等功能<br>
                            4. 每个模块内各个页面的功能拆分和开发，页面中通用组件封装以及接口处理<br>
                            5. SEO优化<br>
                        </li>
                        <!-- <li><strong>项目效果预览：</strong><a href="https://liyajuaner.github.io/hospital/index.html">点击查看</a></li> -->
                    </ul>
                </div>
                <div class="item">
                    <h3>仿写去哪儿网</h3>
                    <ul>
                        <li>
                            <strong>项目介绍：</strong>
                            该项目对去哪儿网网站进行的仿写。旨在快速熟悉Vue及其全家桶的用法以及对组件化思想的深层理解。
                            该项目主要包括三个页面：首页，城市选择页和详情页。
                        </li>
                        <li>
                            <strong>技术栈：</strong><span
                                class="highlight">Vue.js、Vuex、Vue-Router、Axios、Vue-cli、Stylus、Webpack、Git</span>
                        </li>
                        <li>
                            <strong>技术要点：</strong><br>
                            1. 组件的拆分，组件间的通信<br>
                            2. 使用axios调用接口发送ajax请求获取数据<br>
                            3. Vuex实现首页和城市选择页面之间的数据共享，使用Vue-Router进行页面路由的配置<br>
                            4. 第三方插件/库的使用，比如轮播vue-awesome-swiper，滚动better-scroll以及懒加载vue-lazyLoad<br>
                            5. LocalStorage实现页面数据存储，keep-alive优化路由性能<br>
                            6. iconfont字体图标的引入以及animation简单动画的使用<br>
                            7. mock数据以及proxyTablel代理的使用<br>
                            <!-- 8. 项目联调，真机测试以及打包上线<br> -->
                        </li>
                        <li><strong>项目效果预览：</strong><a href="http://liyajuaner.gitee.io/travel/dist/index.html">点击查看</a></li>
                    </ul>
                </div>
            </section>
            <section>
                <h2>个人评价</h2>
                <p class="item">
                    喜欢尝试，敢于接受新事物；能够高效使用搜索引擎，查阅相关技术社区来解决日常开发问题；
                    对自身技术积累有追求并有较强的学习能力和自我驱动力；性格开朗，集体意识较强，具有良好的团队合作精神；
                    擅长提问，自我剖析，并乐于给自己解惑；善于知识总结梳理和复盘。坚信一分耕耘一分收获！
                </p>
            </section>
        </main>
    </div>
</body>

</html>
</div>